import Vue from 'vue'
import Element from 'element-ui'

import VueI18n from 'vue-i18n'
Vue.use(VueI18n)

// 导入element ui 国际化
import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'

// 导入自己的文件
import myZh from './zh'
import myEn from './en'



// 准备语言环境
const messages = {
    zh: {
        // ...语法是所谓的展开运算符（spread operator）。这个运算符可以用于数组或对象，用于展开其内容。
        // 在你提供的代码片段中，...运算符用在了对象的上下文中。
        ...myZh,
        ...zhLocale

    },
    en: {
       ...myEn,
        ...enLocale
    }
}




// 通过选项创建 VueI18n 实例
const i18n = new VueI18n({
    locale: 'zh', // 设置地区 中文
    messages, // 设置地区信息
})

// elemnt 装英，如果有问题可以使用兼容写法
Vue.use(Element, {
    i18n: (key, value) => i18n.t(key, value)
})

// 通过 `i18n` 选项创建 Vue 实例
//new Vue({ i18n }).$mount('#app')

// 现在应用程序已经准备好了！

export default i18n;